<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <title>Repute</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light1">
    <div class="container">
    <a class="navbar-brand" href="#"><img src="images/logo.png" alt=""></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
            <li class="nav-item dropdown mr-2">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    HOME
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown mr-2">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    FEATURES
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown mr-2">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    PAGES
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown mr-2">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    PORTFOLIO
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown mr-2">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    BLOG
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#"><img src="images/ww_03.png" alt="">UPGRADE TO PRO <span class="sr-only">(current)</span></a>
            </li>
        </ul>
    </div>
    </div>
</nav>
<div class="banner">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="images/lunbo_02.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/lunbo_02.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/lunbo_02.png" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="bottom text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href=""><img src="images/aa_03.png" alt=""></a>
                    <p>STRONG STRUCTURE</p>
                </div>
                <div class="col-md-3">
                    <a href=""><img src="images/ab_06_03.png" alt=""></a>
                    <p>GLOBAL SERVICES</p>
                </div>
                <div class="col-md-3">
                    <a href=""><img src="images/ac_08_03.png" alt=""></a>
                    <p>DYNAMIC CHANGE</p>
                </div>
                <div class="col-md-3">
                    <a href=""><img src="images/ad_10_03.png" alt=""></a>
                    <p>EXPONENTIAL GROWTH</p>
                </div>
            </div>
        </div>
    </div>
</div>
<main>
    <div class="container">
        <div class="top">
            <div class="row">
                <div class="col-md-6">
                    <h5 class="list">KNOW BETTER
                    <p>......</p>
                    </h5>
                    <h5 class="link">Synergistically procrastinate one-to-one results foraccurate platforms. Assertively whiteboard corporateusers whereas dynamic initiatives.</h5>
                    <p>Energistically architect leading- edge users and inexpensive internal or "organic" sources.Distinctively evolve e-business resources after progressive intellectual capital. Objectivelyarchitect maintainable technologies via strategic convergence. Continually optimize stand-alone expertise wíth e business e-services. Continually conceptualize client-centeredopportunities and.</p>
                    <p>Dynamically customize backward-compatible processes via front-end models. Distinctivelyevisculate an expanded array. of scenarios after virtual information. Professionally predominate technically sound resources through impactful mindshare. Eficiently driveviral interfaces without inexpensive value. Credibly.</p>
                </div>
                <div class="col-md-6">
                    <a href=""><img src="images/tupian.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="two">
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2"><img src="images/Repute_03.jpg" alt=""></div>
                        <div class="col-md-10">
                            <div class="text">
                                <h5>GOAL ORIENTED</h5>
                                <p class="aa">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2"><img src="images/3_03.jpg" alt=""></div>
                        <div class="col-md-10">
                            <div class="text">
                                <h5>GLOBAL SERVICE</h5>
                                <p class="aa">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2"><img src="images/2_06.jpg" alt=""></div>
                        <div class="col-md-10">
                            <div class="text">
                                <h5>DYNAMIC CHANGE</h5>
                                <p class="aa">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-2"><img src="images/4_06.jpg" alt=""></div>
                        <div class="col-md-10">
                            <div class="text">
                                <h5>PROFESSIONAL SUPPORT</h5>
                                <p class="aa">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="three text-center">
            <img src="images/diannao.png" alt="">
            <h4>ULTRA RESPONSIVE</h4>
            <p>Phosfluorescently revolutionize viral leadership via turnkey technology.Synergistically monetize intermandated strategic theme areas through multimedia based.</p>
            <a class="active" href="">Responsive</a>
            <a href="">Easy to Customize</a>
            <a href="">Design</a>
            <a href="">Free Updates & Support</a>
        </div>
        <div class="four">
            <h5>RECENT WORKS<p>.....</p></h5>
            <a class="button" href="">See all Works</a>
            <div class="row">
                <div class="col-md-4">
                    <a href=""><img src="images/1_03.png" alt=""></a>
                </div>
                <div class="col-md-4">
                    <a href=""><img src="images/2_03.png" alt=""></a>
                </div>
                <div class="col-md-4">
                    <a href=""><img src="images/3_03.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="five">
            <h5>LATEST NEWS<p>......</p></h5>
            <div class="row">
                <div class="col-md-4">
                    <a href=""><img src="images/4_03.png" alt=""></a>
                    <h5>In Demand: Collaboration Skill</h5>
                    <p class="item"> Proactively. engage orthogonal growth strategies withoutresource-leveling testing procedures. Seamlesslypredominate interoperable growth strategies.</p>
                    <p class="it"> 23-02-2015<span>65 Comments</span></p>
                </div>
                <div class="col-md-4">
                    <div class="once">
                        <div class="row">
                            <div class="col-md-5">
                                <img src="images/5_03.png" alt="">
                            </div>
                            <div class="col-md-7">
                                <h6>Growth Strateqies We Must K...</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                    <div class="second">
                        <div class="row">
                            <div class="col-md-5">
                                <img src="images/6_06.png" alt="">
                            </div>
                            <div class="col-md-7">
                                <h6>Products Research Methodolo...</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                    <div class="third">
                        <div class="row">
                            <div class="col-md-5">
                                <img src="images/7_08.png" alt="">
                            </div>
                            <div class="col-md-7">
                                <h6>Professional Leverage</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="one1">
                        <div class="row">
                            <div class="col-md-5">
                                <img src="images/8_05.png" alt="">
                            </div>
                            <div class="col-md-7">
                                <h6>Alternative E-commerce</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                    <div class="two2">
                        <div class="row">
                            <div class="col-md-5">
                                <img src="images/9_10.png" alt="">
                            </div>
                            <div class="col-md-7">
                                <h6>Understanding Globally Scale...</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                    <div class="three3">
                        <a href="">See all news<img src="images/jiantou_03.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<div class="aboust">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <img src="images/10_16.png" alt="">
                <h4>5200</h4>
                <p>SUBSCRIBERS</p>
            </div>
            <div class="col-md-3">
                <img src="images/11_18.png" alt="">
                <h4>273</h4>
                <p>PROJECTS</p>
            </div>
            <div class="col-md-3">
                <img src="images/12_21.png" alt="">
                <h4>640K</h4>
                <p>APPRECIATIONS</p>
            </div>
            <div class="col-md-3">
                <img src="images/13_21.png" alt="">
                <h4>132</h4>
                <p>CLIENTS</p>
            </div>
        </div>
    </div>
</div>
<div class="ling">
    <div class="container">
        <div class="left">
            <h3>GET IN TOUCH</h3>
            <p>Call us at(1800)765-4321 or<a href="">CONTACT US</a></p>
        </div>
    </div>
</div>
<footer>
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <a href=""><img src="images/logo-footer_03.png" alt=""></a>
                    <p class="conmment">Proactively aggregate B2B initiatives before extensivechannels. Monotonectally extend interactive methods ofempowerment through excellent plications. Rapidiouslysynergize visionary products with sticky technology.</p>
                    <p>1234 North Main Street</p>
                    <p>New York, NY 22222</p>
                    <p>Phone: (1800) 7654321</p>
                    <p>Email: email@yourdomain.com</p>
                </div>
                <div class="col-md-4">
                    <h5>USEFUL LINKS</h5>
                    <ul class="yi">
                        <li><a href="">About Us</a></li>
                        <li><a href="">News</a></li>
                        <li><a href="">Community</a></li>
                        <li><a href="">Career</a></li>
                        <li><a href="">Blog</a></li>
                    </ul>
                    <ul class="er">
                        <li><a href="">Press Kit</a></li>
                        <li><a href="">FAQ</a></li>
                        <li><a href="">Terms</a></li>
                        <li><a href="">Privacy Policy</a></li>
                        <li><a href="">Contact Us</a></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <h5>NEWSLETTER</h5>
                    <p>Get the latest update from us by subscribing to ournewsletter.</p>
                    <form action="">
                        <input type="text" placeholder="youremail@domain.com">
                        <button>SUBSCRIBE</button>
                    </form>
                    <h5 class="list">GET CONNECTED</h5>
                    <li class="con"><a href=""><img src="images/01_03.png" alt=""></a></li>
                    <li class="con"><a href=""><img src="images/02_05.png" alt=""></a></li>
                    <li class="con"><a href=""><img src="images/03_07.png" alt=""></a></li>
                    <li class="con"><a href=""><img src="images/04_09.png" alt=""></a></li>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom text-center">
        <div class="container">
            <p>More Templates - Collect from</p>
        </div>
    </div>
</footer>






<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>